<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>重建</title>
<script src="js/jsconfigrem.js"></script>
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/cssreset.css"/>
<link rel="stylesheet" href="css/style.css"/>
<script src="js/swiper-3.4.1.min.js"></script>

<script src="js/jquery-1.8.3.min.js"></script>
<style>
    body{
        /* padding-bottom: 80px; */
    }
    .mask-loading{
        position: fixed;
        z-index: 10000;
        background: white;
        width: 100%;
        height: 100%;
        max-width: 640px;
    }
    .loadingimg{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        /*background: rgb(194, 165, 12)*/
    }


</style>
</head>
<body>
    <div class="app-wrap">
      <div></div>
      <div class="mask-loading">
          <div class="lds-css ng-scope">
              <div style="width:100%;height:100%" class="lds-wedges">
                <div>
                  <div>
                    <div></div>
                  </div>
                  <div>
                    <div></div>
                  </div>
                  <div>
                    <div></div>
                  </div>
                  <div>
                    <div></div>
                  </div>
                </div>
              </div>
          </div>
        </div>
        <div class="swiper-container nav-carou">
            <div class="swiper-wrapper font-m">
                <div class="swiper-slide cur"><div class="curico"><img src="publice_img/navcur.png" alt=""></div><a href="###" class="block">主页</a></div>
                <div class="swiper-slide"><a href="comment/comment.html" class="block">风采</a></div>
                <div class="swiper-slide"><a href="map/map.html" class="block">地图</a></div>
                <div class="swiper-slide"><a href="payfor/payme.html" class="block">打赏</a></div>
            </div>
        </div>
        <div class="swiper-container banner-carou">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="###" class="block">
                        <img src="images/banner09.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="###" class="block">
                        <img src="images/banner01.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="###" class="block">
                       <img src="images/banner07.png" alt="">
                    </a>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>

        <div class="active-section">
            <div class="sub-title">
                <a href="###" class="block">
                    <p class="title-descript">Alarm</p>
                    <span class="more-right">
                        <img src="publice_img/more_01.png" alt="">
                    </span>
                </a>
            </div>
            <ul class="active">
                <li class="active-item">
                    <a href="card/card.html" class="block">
                        <div class="imgbox">
                            <img src="images/carton.jpg" alt="">
                        </div>
                        <div class="active-desc">
                            <div class="info">
                                <p class="title">指环王你看不看</p>
                                <p class="text-overflow">少女的祈祷，沿途与他车厢中私奔般恋爱,再挤逼都不分开,祈求在路上没任何的伤害</p>
                            </div>

                            <p class="more">查看更多></p>
                        </div>

                    </a>
                </li>
            </ul>
         </div>



        <div>
            <div class="sub-title">
                <a href="###" class="block">
                    <p class="title-descript">角色概览</p>
                    <span class="more-right">
                        <img src="publice_img/more_01.png" alt="">
                    </span>
                </a>
            </div>
            <div class="swiper-container card-swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="userpart/userpart.html" class="block">
                            <div class="imgbox">
                                <img src="images/card01.png" alt="">
                            </div>
                            <p class="card-txt">浩扬<span class="anthor">主角口吃患者</span></p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="###" class="block">
                            <div class="imgbox">
                                <img src="images/card03.png" alt="">
                            </div>
                            <p class="card-txt text-overflow">浩海<span class="anthor">表哥</span></p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="###" class="block">
                            <div class="imgbox">
                                <img src="images/card02.png" alt="">
                            </div>
                            <p class="card-txt">margin<span class="anthor">争吵情侣</span></p>
                        </a>
                    </div>

                    <div class="swiper-slide">
                        <a href="###" class="block">
                            <div class="imgbox">
                                <img src="images/card09.png" alt="">
                            </div>
                            <p class="card-txt">后街男孩<span class="anthor">丘宝</span></p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="###" class="block">
                            <div class="imgbox">
                                <img src="images/card05.png" alt="">
                            </div>
                            <p class="card-txt">迷路小生<span class="anthor">Tsang</span></p>
                        </a>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <div>
            <div class="sub-title">
                <a href="###" class="block">
                    <p class="title-descript">精彩文章</p>
                    <span class="more-right">
                        <img src="publice_img/more_01.png" alt="">
                    </span>
                </a>
            </div>
            <ul class="radius-wrap">
                <li class="article-part">
                    <a href="article/article.html" class="link block cl">
                        <div class="article-left">
                            <div class="imgbox">
                                <img src="images/r-1.jpg" alt="">
                            </div>
                        </div>
                        <div class="article-right">
                            <p class="title text-overflow">说说2016年的《口吃》那些事</p>
                            <p><span class="details text-ellipsis-2">当时主演郭瞎说片酬还不高，寒冬的时候，路过天桥底下，见到郭记。一看就觉得他非常适合人选</span></p>
                        </div>
                    </a>
                </li>
                <li class="article-part">
                        <a href="article/article.html" class="link block cl">
                        <div class="article-left">
                            <div class="imgbox">
                                <img src="images/r-4.jpg" alt="">
                            </div>
                        </div>
                        <div class="article-right">
                            <p class="title text-overflow">我是郭瞎说</p>
                            <p><span class="details text-ellipsis-2">各位好 嘚瑟。新浪微博认证《口吃》男主角</span></p>
                        </div>
                    </a>
                </li>
                <li class="article-part">
                        <a href="article/article.html" class="link block cl">
                        <div class="article-left">
                            <div class="imgbox">
                                <img src="images/r-2.jpg" alt="">
                            </div>
                        </div>
                        <div class="article-right">
                            <p class="title text-overflow">“你想干什么！”一哄成名的亮仔</p>
                            <p><span class="details text-ellipsis-2">布兰登-亮，因在片中惊艳表现，现在已是宝莱坞吸金王</span></p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

        <div>
                <div class="sub-title">
                    <a href="###" class="block">
                        <p class="title-descript">Alarm</p>
                        <span class="more-right">
                            <img src="publice_img/more_01.png" alt="">
                        </span>
                    </a>
                </div>
                <div class="photo-show cl">
                    <div class="show-left">
                        <div class="imgbox">
                            <img src="images/show-big.png" alt="">
                        </div>
                    </div>
                    <div class="show-right">
                        <ul class="column-box">
                            <li class="column-list">
                                <div class="imgbox">
                                    <img src="images/show01.png" alt="">
                                </div>
                                <span class="show-txt text-overflow">iphone9s</span>
                            </li>
                            <li class="column-list">
                                <div class="imgbox">
                                    <img src="images/show02.png" alt="">
                                </div>
                                <span class="show-txt text-overflow">芭芭拉</span>
                            </li>
                            <li class="column-list">
                                <div class="imgbox">
                                    <img src="images/show01.png" alt="">
                                </div>
                                <span class="show-txt text-overflow">电脑</span>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>



        <!-- 六个长方形 -->
        <div>
            <div class="sub-title">
                <a href="###" class="block">
                    <p class="title-descript">相关推荐</p>
                    <span class="more-right">
                        <img src="publice_img/more_01.png" alt="">
                    </span>
                </a>
            </div>
            <ul class="row brand-part">
                <li class="col33 brand-list"><a class="br-list-a block" href="gallery/gallery.html"><img src="images/b01.png" alt=""></a></li>
                <li class="col33 brand-list"><a class="br-list-a block" href="gallery/gallery.html"><img src="images/b02.png" alt=""></a></li>
                <li class="col33 brand-list"><a class="br-list-a block" href="gallery/gallery.html"><img src="images/b03.png" alt=""></a></li>
                <li class="col33 brand-list"><a class="br-list-a block" href="gallery/gallery.html"><img src="images/b04.png" alt=""></a></li>
                <li class="col33 brand-list"><a class="br-list-a block" href="gallery/gallery.html"><img src="images/b05.png" alt=""></a></li>
                <li class="col33 brand-list"><a class="br-list-a block" href="gallery/gallery.html"><img src="images/b06.png" alt=""></a></li>
            </ul>
        </div>
        <div class="nomore-endsection">
            <div class="imgbox">
                <img src="publice_img/nomore.png" alt="">
            </div>
            <p>没有更多啦!~~</p>
        </div>

        <!-- 底部导航 -->
        <!-- <div class="bottom-wrap">
            <ul class="bottom-nav row text-c">
                <li class="col25"><a href="" class="block"><div class="imgbox"><img src="publice_img/btm-icon01.png" alt=""></div>首页</a></li>
                <li class="col25"><a href="payfor/payme.html" class="block"><div class="imgbox"><img src="publice_img/btm-icon03.png" alt=""></div>施舍</a></li>
                <li class="col25"><a href="map/map.html" class="block"><div class="imgbox"><img src="publice_img/btm-icon02.png" alt=""></div>地图</a></li>
                <li class="col25"><a href="payfor/payme.html" class="block"><div class="imgbox"><img src="publice_img/btm-icon03.png" alt=""></div>收买</a></li>
            </ul>
        </div> -->
    </div>

</body>
<script>

$("h1").click(function(){
    // alert('0')
})

// http://autoprefixer.github.io/ 动画兼容网站

document.onreadystatechange=function(){
    if(document.readyState=="complete"){
        $(".mask-loading").fadeOut();
    }
}

</script>
<script>
    var swiper = new Swiper('.banner-carou', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        spaceBetween:8,
        autoplay:3000,
    });

    var swiper = new Swiper('.nav-carou', {
    // pagination: '.swiper-pagination',
    slidesPerView:4,
    paginationClickable: true,
    spaceBetween: 30
    });

    var swiper = new Swiper('.card-swiper', {
    // pagination: '.swiper-pagination',
    slidesPerView:2,
    centeredSlides: true,
    paginationClickable: true,
    spaceBetween:15
});



</script>

</html>
